:root {
  --header-height: 40px;
  --active-background:hsl(215, 100%, 33%);
  --header-background:hsl(215, 100%, 23%);
  --main-background: #010b1a;
  --aside-background: hsl(215, 100%, 10%);
  --box-background: hsl(215, 100%, 7%);
  --input-background: hsl(215, 100%, 17%);

  --disabled-color: #666;
  --base-color: #ccc;
  --active-color: #fff;
  --base-border: hsl(226, 39%, 23%);
  
  --menu-popup: hsl(215, 100%, 14%);

  --el-fill-color-blank: var(--main-background);
  --el-border-color: var(--input-background);
  --el-bg-color-overlay: var(--main-background);
  --el-border-color-light: var(--main-background);
  --el-fill-color-light: var(--input-background);
  --el-text-color-regular: var(--base-color);
  --el-color-primary: var(--header-background);
  --el-color-primary-light-3: hsl(0, 62%, 42%);
  --el-border-color-hover: var(--header-background);

  --el-bg-color: var(--main-background);
  --el-text-color-primary: var(--active-color);
}